extends layout
block content
    p 在页面显示一个时钟
    p#demo
append scripts
    script.
        // ================================================================
        // setInterval(function(), ms) 间隔指定的毫秒数不停地执行指定的代码
        // var x = setInterval(function() {alert("Hello")}, 3000); // 每 3 秒弹一次框, 前面加变量不影响
        setInterval(myTimer, 1000);  // 第一个参数不能写成 myTimer(), 应写成 myTimer 或者 function(){myTimer()}
        function myTimer() {  // 函数可以写在调用后, 因为是加载以后踩开始调用的
            var d = new Date();
            document.getElementById("demo").innerHTML = d.toLocaleTimeString();
        }
        // 取消 setInterval
        timerId = setInterval(function () {
            console.log("hello")
        }, 1000);
        clearInterval(timerId);  // 取消, hello 没有在 console 中显示
        // ================================================================
        // setTimeout(function(), ms), 中间的参数是回调函数
        setTimeout(function(){alert("只出现一次")}, 3000);
